<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body{
            background-image: url(./dome/bg.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            height: 650px;
            border: 20px;
        }
        .con{
            width: 400px;
            height: 500px;
            border: 5px;
            background-color: black;
            opacity: 0.5;
            list-style-image:none;
            margin: 50px auto;
            padding: 20px 20px;
            text-align: center;
        }
        .a{
            font-family: 宋体;
            font-size: 40px;
            text-align: center;
            color:white ;
        }
        .b{
            text-align: center;
            font-size: 40px;
            font-weight: bold;
            color: white;  
            font-family: 宋体;
        }
        p1:hover{
            text-decoration: underline;
            color: red;
        }
        .c{
            font-size: 20px;
            font-family: 宋体;
            color: white;
        }
        .d{
            text-decoration: underline;
            color: white;
            font-family: 宋体;
            font-size: 20px;
            text-align: center;
        }
        .m{
            text-align: center;
        
        }
        img{
            border-radius: 50%;
        }
        p{
            text-align: center;
            color:white;
        }
        .n{
            font-size: 40px;
            font-family: 宋体;
            color: white;
        }
    </style>
</head>
<body>
    <div class="con">
        <p class="m"><img src="./dome/1000.webp" width="100px" height="100px"></p>
        <h1 class="a">霍思翰</h1>
        <p class="n">一个<span class="b">Web前端</span>工程师.</p>
        <p1 class="c">本人是一个素质较高，综合能力强，坚持不懈的在校学生。虽然对社会和知识经验不足，但本人充满精神活力</p1>
    </div>
    <p >©<span class="d">霍思翰</span>个人简介，版权所有</p>
</body>
</html>